<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <link rel="stylesheet" href="http://at.alicdn.com/t/font_1717093_e4kmh8f44k.css">
    <link rel="stylesheet" href="../css/common.css">
    <link rel="stylesheet" href="../css/details.css">
</head>
<body>

     <!-- 导航栏 -->
     <header class="head">
        <article class="h_box">
            <div class="h_box_r">
                 <div class="h_box_r1">
                     <a href="./login.html">登录</a><a href="./register.html">注册</a>
 
                     <!-- <i class="iconfont icon-touxiang i1"></i>
                     <a>Eternal</a>
                     <i class="iconfont icon-fanhui4 i2"></i>
 
                     <div id="logindexHeatActive">
                         <ul>
                             <li>我的订单</li>
                             <li>退款/售后</li>
                             <li>我的资产</li>
                             <li>我的收藏</li>
                             <li>地址管理</li>
                             <li>退出登录</li>
                         </ul>
                     </div> -->
 
                 </div>
                 <span></span>
                 <div class="h_box_r2"><a href="#">帮助中心</a></div>
                 <span></span> 
                 <div class="h_box_r3"><a href="#"><i class="iconfont icon-31baocundaozhuomian"></i>下载APP</a></div>
                 <span></span> 
                 <div class="h_box_r4">
                     <a class="box_r4_a" href="#" >资质证照&nbsp;/&nbsp;协议规定<i class="iconfont icon-fanhui4"></i></a>
                     <ul class="h_box_r4_list">
                         <li><a href="#">资质证照</a></li>
                         <li><a href="#">协议规定</a></li>
                     </ul>
                 </div>
             </div>
        </article>
     </header>

     <!-- 搜索框 -->
    <section class="search">
        <div class="search_logo" id="cartSeachLogo"><img src="https://shop.io.mi-img.com/static/h5/static3/media/logo@2x.cf8cc6a8.png" alt=""></div>
        <div class="search_none"></div>
        <div class="search_buy">限时抢购</div>
        <p  id="detailsCartBtn"><i class="iconfont icon-cart"></i></p>
        <article class="search_box">
            <i class="iconfont icon-31sousuo" ></i>
            <div><input type="text" placeholder="搜一搜"></div>
        </article>
    </section>

    <!-- 商品详情 -->
    <main class="clear_fix">
        <section class="topbox clear_fix">

            <!-- 图片浏览 -->
            <article class="topbox_l">
                <div class="topbox_l_bigimg">
                    <img src="https://img.youpin.mi-img.com/shopmain/7916d7613a347e1046926ecd540e1bd6.jpg@base@tag=imgScale&F=webp&h=1080&w=1080?w=1080&h=1080" alt="">
                    <!-- 放大镜蒙层 -->
                    <div class="magnifierLayer"></div>
                    <div class="magnifierLayer1"></div>
                </div>
                <div class="topbox_l_smaimg">
                    <!-- 上下按钮 -->
                    <div id="imgBtnTop"><i></i></div>
                    <div id="imgBtnBtm"><i></i></div>
                    <div>
                        <img src="https://img.youpin.mi-img.com/shopmain/7916d7613a347e1046926ecd540e1bd6.jpg@base@tag=imgScale&F=webp&h=166&w=166" alt="">
                    </div>
                    <div>
                        <img src="https://img.youpin.mi-img.com/shopmain/6177a1f9e428d9bf90766c0bee8ce5bc.jpg@base@tag=imgScale&F=webp&h=166&w=166" alt="">
                    </div>
                    <div>
                        <img src="https://img.youpin.mi-img.com/shopmain/c2fcda066bb78a94906ffa9e6edbcc6a.jpg@base@tag=imgScale&F=webp&h=166&w=166" alt="">
                    </div>
                    <div>
                        <img src="https://img.youpin.mi-img.com/shopmain/b757d9324b8ac5a59e5b1e63a6b380df.jpg@base@tag=imgScale&F=webp&h=166&w=166" alt="">
                    </div>
                    <div>
                        <img src="https://img.youpin.mi-img.com/shopmain/58fff676391a86e9afd14f9e79704060.jpg@base@tag=imgScale&F=webp&h=166&w=166" alt="">
                    </div>
                </div>
            </article>

            <!-- 商品内容 -->
            <article class="topbox_r">
                <!-- 放大镜 -->
                <div id="magnifier">
                    <!-- <img src="https://img.youpin.mi-img.com/shopmain/7916d7613a347e1046926ecd540e1bd6.jpg@base@tag=imgScale&F=webp&h=1080&w=1080?w=1080&h=1080" alt=""> -->
                </div>
                <h3 class="topbox_r_title">Apple/苹果 10.2 英寸 iPad 金色 无线局域网机型 32G WLAN版/iPadOS系统/Retina显示屏/MW762CH/A</h3>
                <div class="topbox_r_intro">米粉节必买的数码好物，点击领券更优惠视网膜显示屏，内置摄像头，触控ID，便于携带</div>
                <div class="topbox_r_sales"><span>促销：</span><span>领券</span><span>100元米粉节满999减100元券</span></div>

                <div class="topbox_r_prices">
                    <div class="topbox_r_prices_t">
                        <h5>价格</h5>
                        <span>￥</span>
                        <span>2499</span>
                        <span>起</span>
                    </div>
                    <div class="topbox_r_prices_b">
                        <h5>服务<span>!</span></h5>
                        <div class="topbox_r_pricesb_b">
                            <div><a>V</a><span>满99包邮</span></div>
                            <div><a>V</a><span>有品三方</span></div>
                            <div><a>V</a><span>不支持7天无理由</span></div>
                            <div><a>V</a><span>由上海能良电子科技有限公司发货并提供售后</span><span>(查看商家资质)</span></div>
                        </div>
                    </div>
                </div>
                <div class="topbox_r_address"><h5>配送区域</h5><span>北京&nbsp;&nbsp;北京市&nbsp;&nbsp;海淀区</span><span>无货</span><a href="#">修改</a></div>
                <div class="topbox_r_color">
                    <h5>颜色</h5>
                    <div class="topbox_r_colorbox">
                        <div>金色</div>
                        <div>银色</div>
                        <div>深空灰色</div>
                    </div>
                </div>
                <div class="topbox_r_edition">
                    <h5>版本</h5>
                    <div class="topbox_r_editionbox">
                        <div>无线局域网机型32G</div>
                        <div>无线局域网机型128G</div>
                    </div>
                </div>
                <div class="topbox_r_num">
                    <h5>数量</h5>
                    <div id="numBtnL">-</div>
                    <div>
                        <input type="text" value="1">
                    </div>
                    <div id="numBtnR">+</div>
                </div>
                <div class="topbox_r_line">
                    <div id="addBtn">加入购物车</div>
                    <div id="buyBtn">立即购买</div>
                    <div id="collectionBtn"><i class="iconfont icon-31shoucang"></i><p>收藏</p></div>
                    <div id="serviceBtn"><i class="iconfont icon-kefu"></i><p>客服</p></div>
                    
                </div>
            </article>

        </section>
        <section class="btmbox">
            <article class="btmbox_l">
                <ul class="btmbox_l_head"> 
                    <li>产品详情<a></a></li>
                    <li>评论<a></a></li>
                    <li>常见问题<a class="btmbox_l_headlast"></a></li>
                </ul>
                <div class="btmbox_l_main">
                    <img src="https://img.youpin.mi-img.com/shopmain/e8037afea136f185735bf18bb3e1fdb5.jpg?w=1080&h=976" alt="">
                    <img src="https://img.youpin.mi-img.com/shopmain/f504ef73ef0ef63429d94c5541077e78.jpg?w=1080&h=669" alt="">
                    <img src="https://img.youpin.mi-img.com/shopmain/65e16445662c74b79803fab97d390d4c.jpg?w=1080&h=769" alt="">
                    <img src="https://img.youpin.mi-img.com/shopmain/c07b464af99f227a8675e8a92338b0ce.jpg?w=1080&h=1105" alt="">
                    <img src="https://img.youpin.mi-img.com/shopmain/aa95006c11afeab493e0b28ebd325b9d.jpg?w=1080&h=705" alt="">
                    <img src="https://img.youpin.mi-img.com/shopmain/63a7922d25951114a520a51e2b1cb782.jpg?w=1080&h=868" alt="">
                    <img src="https://img.youpin.mi-img.com/shopmain/c1ef4ca39cd249f16694767d3e86ded6.jpg?w=1080&h=1062" alt="">
                    <img src="https://img.youpin.mi-img.com/shopmain/a46adc2932adccc06931be18484a9520.jpg?w=1080&h=768" alt="">
                    <img src="https://img.youpin.mi-img.com/editor1/34d9309abc25227d26891dddcdf946d0.png?w=1080&h=510" alt="">
                </div>
            </article>
            <article class="btmbox_r">

                <div class="btmbox_r_shop">
                    <div class="btmbox_r_shopbox">
                        <img src="https://img.youpin.mi-img.com/youpin_zhaoshang/96481484af4368f94143c146755e3141.jpg" alt="">
                        <div class="btmbox_r_shop_t">
                            <h6>Apple</h6>
                            <p>Think Different</p>
                        </div>
                        <div class="btmbox_r_shop_in">进入</div>
                    </div>
                </div>

                <h2 class="btmbox_r_title"><span></span>相关推荐<span></span></h2>

                <div class="btmbox_r_goods">
                    <div class="btmbox_rgoods_t">
                        <img src="https://img.youpin.mi-img.com/shopmain/31bd9af10f79070c73f9ed40ba1bbefc.png?w=800&h=800" alt="">
                    </div>
                    <p>11/12.9视网膜显示屏双尺寸可选，全面屏，面容ID</p>
                    <h5>Apple/苹果 iPad Pro</h5>
                    <h4><span>￥</span><span>6331</span></h4>
                </div>

                <div class="btmbox_r_goods">
                    <div class="btmbox_rgoods_t">
                        <img src="https://img.youpin.mi-img.com/shopmain/31bd9af10f79070c73f9ed40ba1bbefc.png?w=800&h=800" alt="">
                    </div>
                    <p>11/12.9视网膜显示屏双尺寸可选，全面屏，面容ID</p>
                    <h5>Apple/苹果 iPad Pro</h5>
                    <h4><span>￥</span><span>6331</span></h4>
                </div>

                <div class="btmbox_r_goods">
                    <div class="btmbox_rgoods_t">
                        <img src="https://img.youpin.mi-img.com/shopmain/31bd9af10f79070c73f9ed40ba1bbefc.png?w=800&h=800" alt="">
                    </div>
                    <p>11/12.9视网膜显示屏双尺寸可选，全面屏，面容ID</p>
                    <h5>Apple/苹果 iPad Pro</h5>
                    <h4><span>￥</span><span>6331</span></h4>
                </div>

                <div class="btmbox_r_goods">
                    <div class="btmbox_rgoods_t">
                        <img src="https://img.youpin.mi-img.com/shopmain/31bd9af10f79070c73f9ed40ba1bbefc.png?w=800&h=800" alt="">
                    </div>
                    <p>11/12.9视网膜显示屏双尺寸可选，全面屏，面容ID</p>
                    <h5>Apple/苹果 iPad Pro</h5>
                    <h4><span>￥</span><span>6331</span></h4>
                </div>

                <div class="btmbox_r_goods">
                    <div class="btmbox_rgoods_t">
                        <img src="https://img.youpin.mi-img.com/shopmain/31bd9af10f79070c73f9ed40ba1bbefc.png?w=800&h=800" alt="">
                    </div>
                    <p>11/12.9视网膜显示屏双尺寸可选，全面屏，面容ID</p>
                    <h5>Apple/苹果 iPad Pro</h5>
                    <h4><span>￥</span><span>6331</span></h4>
                </div>

                <div class="btmbox_r_goods">
                    <div class="btmbox_rgoods_t">
                        <img src="https://img.youpin.mi-img.com/shopmain/31bd9af10f79070c73f9ed40ba1bbefc.png?w=800&h=800" alt="">
                    </div>
                    <p>11/12.9视网膜显示屏双尺寸可选，全面屏，面容ID</p>
                    <h5>Apple/苹果 iPad Pro</h5>
                    <h4><span>￥</span><span>6331</span></h4>
                </div>

                <div class="btmbox_r_goods">
                    <div class="btmbox_rgoods_t">
                        <img src="https://img.youpin.mi-img.com/shopmain/31bd9af10f79070c73f9ed40ba1bbefc.png?w=800&h=800" alt="">
                    </div>
                    <p>11/12.9视网膜显示屏双尺寸可选，全面屏，面容ID</p>
                    <h5>Apple/苹果 iPad Pro</h5>
                    <h4><span>￥</span><span>6331</span></h4>
                </div>

                <div class="btmbox_r_goods">
                    <div class="btmbox_rgoods_t">
                        <img src="https://img.youpin.mi-img.com/shopmain/31bd9af10f79070c73f9ed40ba1bbefc.png?w=800&h=800" alt="">
                    </div>
                    <p>11/12.9视网膜显示屏双尺寸可选，全面屏，面容ID</p>
                    <h5>Apple/苹果 iPad Pro</h5>
                    <h4><span>￥</span><span>6331</span></h4>
                </div>

                <div class="btmbox_r_goods">
                    <div class="btmbox_rgoods_t">
                        <img src="https://img.youpin.mi-img.com/shopmain/31bd9af10f79070c73f9ed40ba1bbefc.png?w=800&h=800" alt="">
                    </div>
                    <p>11/12.9视网膜显示屏双尺寸可选，全面屏，面容ID</p>
                    <h5>Apple/苹果 iPad Pro</h5>
                    <h4><span>￥</span><span>6331</span></h4>
                </div>

                <div class="btmbox_r_goods">
                    <div class="btmbox_rgoods_t">
                        <img src="https://img.youpin.mi-img.com/shopmain/31bd9af10f79070c73f9ed40ba1bbefc.png?w=800&h=800" alt="">
                    </div>
                    <p>11/12.9视网膜显示屏双尺寸可选，全面屏，面容ID</p>
                    <h5>Apple/苹果 iPad Pro</h5>
                    <h4><span>￥</span><span>6331</span></h4>
                </div>

                <div class="btmbox_r_goods">
                    <div class="btmbox_rgoods_t">
                        <img src="https://img.youpin.mi-img.com/shopmain/31bd9af10f79070c73f9ed40ba1bbefc.png?w=800&h=800" alt="">
                    </div>
                    <p>11/12.9视网膜显示屏双尺寸可选，全面屏，面容ID</p>
                    <h5>Apple/苹果 iPad Pro</h5>
                    <h4><span>￥</span><span>6331</span></h4>
                </div>

                <div class="btmbox_r_goods">
                    <div class="btmbox_rgoods_t">
                        <img src="https://img.youpin.mi-img.com/shopmain/31bd9af10f79070c73f9ed40ba1bbefc.png?w=800&h=800" alt="">
                    </div>
                    <p>11/12.9视网膜显示屏双尺寸可选，全面屏，面容ID</p>
                    <h5>Apple/苹果 iPad Pro</h5>
                    <h4><span>￥</span><span>6331</span></h4>
                </div>

                <div class="btmbox_r_goods">
                    <div class="btmbox_rgoods_t">
                        <img src="https://img.youpin.mi-img.com/shopmain/31bd9af10f79070c73f9ed40ba1bbefc.png?w=800&h=800" alt="">
                    </div>
                    <p>11/12.9视网膜显示屏双尺寸可选，全面屏，面容ID</p>
                    <h5>Apple/苹果 iPad Pro</h5>
                    <h4><span>￥</span><span>6331</span></h4>
                </div>

            </article>
        </section>
    </main>

    
    <!-- 页尾 -->
    <footer class="foot">
        <section class="foot_box">
            <article class="foot_box_l"><img src="https://shop.io.mi-img.com/static/h5/static3/media/logo@2x.cf8cc6a8.png" alt="">
            </article>
            <article class="foot_box_r">
                <div class="foot_box_rl">
                    <p>
                        <span>©xiaomiyoupin.com</span>
                        <span>苏B2-20180351 苏ICP备18025642号-1</span>
                        <img src="https://shop.io.mi-img.com/static/h5/static3/media/record-icon.d0289dc0.png" alt="">
                        <span>苏公网安备 32010502010244号</span>
                    </p>
                    <p>
                        <span>企业名称：有品信息科技有限公司</span>
                        <a href="#">关于我们</a>
                        <a href="#">入驻有品</a>
                    </p>
                    <p>
                        <a href="#">小米有品平台运营主体变更公告</a>
                    </p>
                    <p>南京市建邺区白龙江东街8号3栋9层</p>
                </div>
                <div class="foot_box_rr">
                    <img src="https://shop.io.mi-img.com/static/h5/static3/media/f-logo.c6285587.png" alt="">
                </div>
            </article>
        </section>
    </footer>

    <!-- 定位导航1 -->
    <section class="flxedbar">
        <ul class="flxedbar_box">
            <li>
                <i class="iconfont icon-kefu"></i>
                <p>联系客服</p>
            </li>
            <li>
                <i class="iconfont icon-saoyisao"></i>
                <p>下载APP</p>
            </li>
            <li>
                <i class="iconfont icon-liwuhuodong"></i>
                <p>新人有礼</p>
            </li>
            <li>
                <i class="iconfont icon-weixin"></i>
                <p>关注微信</p>
            </li>
            <li class="flxedbar_box_last">
                <i class="iconfont icon-31huidaodingbu"></i>
                <p>回到顶部</p>
            </li>
        </ul>
    </section>


</body>
<script src="../js/ajax.js"></script>
<script src="../static/jquery.js"></script>
<script src="../js/details.js"></script>
<script src="../js/logindex.js"></script>
<script src="../js/fixed.js"></script>
<script src="../js/addcart.js"></script>
<script src="../js/dump.js"></script>
</html>